﻿<!DOCTYPE html>


<html>


<head>
	<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">

	<style>
		body {
			margin: 0;
			overflow: hidden;
		}
	</style>
	
	<!-- Three.js must be 0.178.0, because the code is not update to work with 0.180.0 -->

	<script type="importmap">
	  {
		"imports": {
			"three": "https://cdn.jsdelivr.net/npm/three@0.178.0/build/three.webgpu.min.js",
			"three/webgpu": "https://cdn.jsdelivr.net/npm/three@0.178.0/build/three.webgpu.min.js",
			"three/tsl": "https://cdn.jsdelivr.net/npm/three@0.178.0/build/three.tsl.min.js",
			"three/addons/": "https://cdn.jsdelivr.net/npm/three@0.178.0/examples/jsm/",
			"tsl-textures": "../../src/tsl-textures.js"
		}
	  }
	</script>
</head>


<body>
	<script type="module">
		import "./script-4.js";
	</script>
</body>
</html>